<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>魅族官网</title>
    <link rel="stylesheet" href="css/bootstrap.css">

    <script src="js/jquery-2.2.4.js"></script>
    <link rel="stylesheet" href="css/商城.css">
    <script src="js/商城.js"></script>
</head>
<body>
<div class="top-head">
    <div class="top-nav">
        <ul class="top-left">
            <li><a href="">魅族官网</a></li>
            <li><a href="">魅族商城</a></li>
            <li><a href="">Flyme</a></li>
            <li><a href="">专卖店</a></li>
            <li><a href="">服务</a></li>
            <li><a href="">社区</a></li>
        </ul>
        <ul class="top-right">
            <li><a href="/register">注册</a></li>
            <li><a href="/login">登陆</a></li>
            <li><a href="">我的订单</a></li>
        </ul>
    </div>
</div>
<div class="likai">
    <div class="nav-log">
        <div class="log-in">
            <img src="imgs/logo-header.png">
            <div class="log-a">
                <a href="">PRO手机</a>
                <a href="">魅蓝手机</a>
                <a href="">MX手机</a>
                <a href="">精选配件</a>
                <a href="">智能硬件</a>
            </div>
        </div>
    </div>
    <div class="DOWN">
        <div class="tab">
            <ul>
                <a href=""><li style="margin-left: 100px"><img src="imgs/pro_1_126x126.png"><p>魅族PRO 6</p><span>¥2499</span></li></a>
                <a href=""><li><img src="imgs/pro_2_126x126.png"><p>魅族PRO 5</p><del>¥2499</del>&nbsp<span>¥2199</span></li></a>
            </ul>

            <ul>
                <a href=""><li style="margin-left: 100px"><img src="imgs/魅蓝_1_126x126.png"><p>魅蓝3s</p><span>¥699</span></li></a>
                <a href=""><li><img src="imgs/魅蓝_2_126x126.png"><p>魅蓝3</p><span>¥599</span></li></a>
                <a href=""><li><img src="imgs/魅蓝_3_126x126.png"><p>魅蓝 note3</p><span>¥799</span></li></a>
                <a href=""><li><img src="imgs/魅蓝_4_126x126.png"><p>魅蓝 metal</p><span>¥999</span></li></a>
                <a href=""><li><img src="imgs/魅蓝_5_126x126.png"><p>魅蓝 note2</p><span>¥799</span></li></a>
            </ul>

            <ul>
                <a href=""><li style="margin-left: 100px"><img src="imgs/MX1_126x126.png" alt=""><p>MX6</p><span>¥1999</span></li></a>
                <a href=""><li><img src="imgs/MX2_126x126.png" alt=""><p>MX5</p><span>¥1499</span></li></a>
                <a href=""><li><img src="imgs/MX3_126x126.png" alt=""><p>MX5e 经典版</p><span>¥1499</span></li></a>
            </ul>
            <ul>
                <a href=""><li><img src="imgs/PJ1_126x126.png" alt=""><p>魅族EP51 蓝牙运动耳机</p><span>¥269</span></li></a>
                <a href=""> <li><img src="imgs/PJ2_126x126.png" alt=""><p>魅族HD50头戴式耳机</p><span>¥399</span></li></a>
                <a href=""><li><img src="imgs/PJ3_126x126.png" alt=""><p>魅族移动电源(标准版)</p><span>¥99</span></li></a>
                <a href=""><li><img src="imgs/PJ4_126x126.png" alt=""><p>魅族移动电源 快充版</p><span>¥149</span></li></a>
                <a href=""><li><img src="imgs/PJ5_126x126.png" alt=""><p>魅族EP-21HD耳机</p><span>¥129</span></li></a>
                <li class="li-p">
                    <a href=""><p><img src="imgs/icon_1.png" alt=""> 耳机/音响</p></a>
                    <a href=""><p><img src="imgs/icon_2.png" alt=""> 路由器/移动电源</p></a>
                    <a href=""><p><img src="imgs/icon_3.png" alt=""> 保护套/后盖/贴膜</p></a>
                    <a href=""><p><img src="imgs/icon_4.png" alt=""> 数据线/电源适配器</p></a>
                    <a href=""><p><img src="imgs/icon_4.png" alt=""> 数据线/电源适配器</p></a>
                </li>
            </ul>
            <ul>
                <a href=""><li><img src="imgs/YJ1_126x126.jpg" alt=""><p>魅族路由器 极速版</p><span>¥199</span></li></a>
                <a href=""><li><img src="imgs/YJ2_126x126.png" alt=""><p>云麦好轻mini智能体制秤</p><span>¥99</span></li></a>
                <a href=""><li><img src="imgs/YJ3_126x126.png" alt=""><p>新游智能游戏手柄N1pro</p><span>¥119</span></li></a>
                <a href=""><li><img src="imgs/YJ4_126x126.png" alt=""><p>罗马仕AU12</p><span>¥29</span></li></a>
                <a href=""><li><img src="imgs/YJ5_126x126.png" alt=""><p>乐行天下V3C智能电动独轮车</p><span>¥1999</span></li></a>
                <a href=""><li><img src="imgs/YJ6_126x126.png" alt=""><p>英特曼智能红外遥控插线板</p><span>¥99</span></li></a>
            </ul>
        </div>
    </div>
</div>


<div class="car">
    <div class="main">
        <ul>
            <a href=""><li style="opacity: 1" class="current"><img src="imgs/car1.jpg"/></li></a>
            <a href=""><li style="background: #2C9CF0"><img src="imgs/car2.jpg"/></li></a>
            <a href=""><li><img src="imgs/car3.jpg"/></li></a>
            <a href=""><li style="background: #FFFFFF"><img src="imgs/car4.jpg"></li></a>
            <a href="#"><li style="background: #E9E8EA"><img src="imgs/car5.png"></li></a>
        </ul>
    </div>
    <div class="car-tab">
        <div class="car-ul">

            <ul class="tab-ul">
                <div class="gg">
                    <a href=""><li>全部商品分类</li></a>
                    <a href=""><li>手机</li></a>
                    <a href=""><li>智能硬件</li></a>
                    <a href=""><li>耳机/耳箱</li></a>
                    <a href=""><li>路由器/移动电源</li></a>
                    <a href=""><li>保护壳/后盖/贴膜</li></a>
                    <a href=""><li>数据线/电源适配器</li></a>
                    <a href=""><li>周边配件</li></a>
                </div>

            </ul>
            <div class="L-car"><img src="imgs/left-arrow.png"></div>
            <div class="R-car"><img src="imgs/right-arrow.png"></div>
            <div class="list">
                <ul>
                    <li class="control"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div style="border: 0" class="tab-b"></div>
            <div class="tab-b">
                <ul>
                    <a href=""><li><img src="imgs/s1.png"><p>魅族MX6</p></li></a>
                    <a href=""><li><img src="imgs/s2.png"><p>魅蓝 note2</p></li></a>
                    <a href=""><li><img src="imgs/s3.png"><p>魅族3s</p></li></a>
                    <a href=""><li><img src="imgs/s4.png"><p>魅族3 礼盒版</p></li></a>
                    <a href=""><li><img src="imgs/s5.png"><p>魅蓝3</p></li></a>
                    <a href=""><li><img src="imgs/s6.png"><p>魅族PRO 6</p></li></a>
                    <a href=""><li><img src="imgs/s7.png"><p>魅族 note3</p></li></a>
                    <a href=""><li><img src="imgs/s8.png"><p>魅族PRO 5</p></li></a>
                    <a href=""><li><img src="imgs/s9.png"><p>魅族 metal</p></li></a>
                    <a href=""><li><img src="imgs/s10.png"><p>魅族 MX5</p></li></a>
                </ul>
                <a href=""><img style="height: 478px" src="imgs/s11.jpg"></a>
            </div>
            <div class="tab-b">
                <ul class="d">
                    <a href=""><li><img src="imgs/z1.png"><p>沁麟2.5L智能靠谱煲</p></li></a>
                    <a href=""><li><img src="imgs/z2.png"><p>公子小白情感智能机器人</p></li></a>
                    <a href=""><li><img src="imgs/z3.png"><p>乐范AirPet空气净化器</p></li></a>
                    <a href=""><li><img src="imgs/z4.png"><p>麦开智能水杯Cuptime2</p></li></a>
                    <a href=""><li><img src="imgs/z5.png"><p>X-Light Plus智能灯泡</p></li></a>
                    <a href=""><li><img src="imgs/z6.png"><p>拉客立体拓展智能排插主体</p></li></a>
                    <a href=""><li><img src="imgs/z7.png"><p>乐心mambo watch手表</p></li></a>
                    <a href=""><li><img src="imgs/z8.png"><p>3D BOX裸眼3D</p></li></a>
                    <a href=""><li><img src="imgs/z9.png"><p>乐行天下V5智能电动独轮车</p></li></a>
                    <a href=""><li><img src="imgs/z10.png"><p>飞智黑武士蓝牙无线手柄</p></li></a>
                </ul>
                <a href=""><img style="height: 478px" src="imgs/z11.jpg"></a>
            </div>

            <div class="tab-b">
                <ul class="d">
                    <a href=""><li><img src="imgs/e1.png"><p>魅族EP51蓝牙运动耳机</p></li></a>
                    <a href=""><li><img src="imgs/e2.png"><p>Skullcandyhesh头戴耳机</p></li></a>
                    <a href=""><li><img src="imgs/e3.png"><p>魅族HD50头戴式耳机</p></li></a>
                    <a href=""><li><img src="imgs/e4.png"><p>铁三角 ATH-CLR100</p></li></a>
                    <a href=""><li><img src="imgs/e5.png"><p>魅族 EP-31 耳机</p></li></a>
                    <a href=""><li><img src="imgs/e6.png"><p>先锋SE-MS512头戴式耳机</p></li></a>
                    <a href=""><li><img src="imgs/e7.png"><p>先锋 SE-CL51S</p></li></a>
                    <a href=""><li><img src="imgs/e8.png"><p>FiiO飞傲M3无损音乐播放器</p></li></a>
                    <a href=""><li><img src="imgs/e9.png"><p>bratsUrbeats入耳耳机</p></li></a>
                    <a href=""><li><img src="imgs/e10.png"><p>先锋APS-BA 202S蓝牙音箱</p></li></a>
                </ul>
                <a href=""><img style="height: 478px" src="imgs/e11.jpg"></a>
            </div>
            <div class="tab-b">
                <ul style="width: 200px" class="d">
                    <a href=""><li><img src="imgs/l1.png"><p>沁麟2.5L智能靠谱煲</p></li></a>
                    <a href=""><li><img src="imgs/l2.png"><p>公子小白情感智能机器人</p></li></a>
                    <a href=""><li><img src="imgs/l3.png"><p>乐范AirPet空气净化器</p></li></a>
                    <a href=""><li><img src="imgs/l4.jpg"><p>麦开智能水杯Cuptime2</p></li></a>

                </ul>
                <a href=""><img style="height: 478px" src="imgs/l5.png"></a>
            </div>
            <div class="tab-b">
                <ul class="d">
                    <a href=""><li><img src="imgs/b1.png"><p>MX6智能保护套</p></li></a>
                    <a href=""><li><img src="imgs/b2.png"><p>魅蓝3s 高透保护膜</p></li></a>
                    <a href=""><li><img src="imgs/b3.png"><p>魅蓝3s 轻薄保护壳</p></li></a>
                    <a href=""><li><img src="imgs/b4.png"><p>魅蓝note3高透保护膜</p></li></a>
                    <a href=""><li><img src="imgs/b5.png"><p>PRO 6 原装保护壳</p></li></a>
                    <a href=""><li><img src="imgs/b6.png"><p>魅族 x ACFUN联名后盖</p></li></a>
                    <a href=""><li><img src="imgs/b7.png"><p>魅蓝note3缤纷软胶保护壳</p></li></a>
                    <a href=""><li><img src="imgs/b8.png"><p>魅蓝3 缤纷软胶保护壳</p></li></a>
                    <a href=""><li><img src="imgs/b9.png"><p>魅蓝3 高透保护膜</p></li></a>
                    <a href=""><li><img src="imgs/b10.png"><p>PRO 6智能保护套</p></li></a>
                </ul>
                <a href=""><img style="height: 478px" src="imgs/b11.jpg"></a>
            </div>
            <div class="tab-b">
                <ul class="d">
                    <a href=""><li><img src="imgs/d1.png"><p style="line-height: 47px">电源适配器</p></li></a>
                    <a href=""><li><img src="imgs/d2.png"><p>罗马仕AU15车充</p></li></a>
                    <a href=""><li><img src="imgs/d3.png"><p>魅族Type-CUSB数据线</p></li></a>
                    <a href=""><li><img src="imgs/d4.png"><p>罗马仕AC12S快充适配器</p></li></a>
                    <a href=""><li><img src="imgs/d5.png"><p>魅族USB 数据线</p></li></a>
                    <a href=""><li><img src="imgs/d6.png"><p>罗马仕AC10快充适配器</p></li></a>
                    <a href=""><li><img src="imgs/d7.png"><p>魅族Type-C金属数据线</p></li></a>
                    <a href=""><li><img src="imgs/d8.png"><p>ORICO QC3.0多口车充头</p></li></a>
                    <a href=""><li><img src="imgs/d9.png"><p>罗马仕AU12快充车充</p></li></a>
                    <a href=""><li><img src="imgs/d10.png"><p>ORICO 4口USB快充冲电</p></li></a>
                </ul>
                <a href=""><img style="height: 478px" src="imgs/d11.jpg"></a>
            </div>
            <div class="tab-b">
                <ul class="d">
                    <a href=""><li><img src="imgs/p1.png"><p>金士顿 超高速手机内存卡</p></li></a>
                    <a href=""><li><img src="imgs/p2.png"><p>魅族 豌豆  钥匙包</p></li></a>
                    <a href=""><li><img src="imgs/p3.png"><p>猎奇(LIEQI)手机镜头</p></li></a>
                    <a href=""><li><img src="imgs/p4.png"><p>东芝黑甲虫2.5寸移动硬盘</p></li></a>
                    <a href=""><li><img src="imgs/p5.png"><p>东芝v8 2.5英寸移动硬盘</p></li></a>
                    <a href=""><li><img src="imgs/p6.png"><p>闪迪至尊高速OTG手机U盘</p></li></a>
                    <a href=""><li><img src="imgs/p7.png"><p>英特曼迷你旅行插排</p></li></a>
                    <a href=""><li><img src="imgs/p8.png"><p>三星7550S ATA3固态硬盘</p></li></a>
                    <a href=""><li><img src="imgs/p9.png"><p>ORICO 4口USB智能冲电器</p></li></a>
                    <a href=""><li><img src="imgs/p10.png"><p>魅族熊猫金属钥匙扣</p></li></a>
                </ul>
                <a href=""><img style="height: 478px" src="imgs/p11.png"></a>
            </div>
        </div>
    </div>
</div>
<div style="position: absolute;top: 600px;width: 100%;margin: 0 auto">
    <div style="margin: 0 auto">
        <div class="home-mz">
            <section>
                <div class="home-service">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="imgs/M.png">
                                <p>M码通道</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/trade-in.png">
                                <P>以旧换新</P>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/insurance.png">
                                <p>补买意外保</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/search.png">
                                <p>回购单查询</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div><a href="#"><img src="imgs/mz1.jpg"></a></div>
                <div><a href="#"><img src="imgs/mz2.jpg"></a></div>
                <div><a href="#"><img src="imgs/mz3.jpg"></a></div>
                <div><a href="#"><img src="imgs/mz4.jpg"></a></div>
            </section>
            <div class="home-panel">
                <h2>
                    <strong>热品推荐</strong>
                    <span class="right ">></span>
                    <span class="left"><</span>
                </h2>
                <section class="home-panel-cotent">
                    <div class="home-panel-baby">
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(1).png">
                                <h4>魅族PRO 5金色套装</h4>
                                <h6 class="baby-prize"><span class="prize">特惠</span> 直降300元 含EP31S耳机</h6>
                                <p><del><span>¥2699</span></del> ¥2399</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(1).jpg" alt="">
                                <h4>魅族移动电源(标准版)</h4>
                                <h6>素雅百搭 颜值典范</h6>
                                <p>¥99</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(2).png" alt="">
                                <h4>Gowild公子小白情感智能机器人</h4>
                                <h6 class="baby-prize"><span class="prize">分期</span> 支持花呗分期 月供</h6>
                                <p>¥1780</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(2).jpg" alt="">
                                <h4>魅族HD50 头戴式耳机</h4>
                                <h6>附赠防水耳机包</h6>
                                <p>¥399</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(3).png" alt="">
                                <h4>阿巴町智能通话手机表KT04(四代)</h4>
                                <h6>语音通话 智能提醒</h6>
                                <p>¥798</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(7).png">
                                <h4>魅族PRO 6</h4>
                                <h6 class="baby-prize"><span class="prize">赠品</span> 每日10点起 前200名赠移动电源</h6>
                                <p>¥2499</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(5).png">
                                <h4>三星存储卡</h4>
                                <h6>全新升级版 + 高速存储</h6>
                                <p>¥28.9</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(4).png" alt="">
                                <h4>乐范魔力贴smart版</h4>
                                <h6>五个模式10个档位 缓解颈部疲劳</h6>
                                <p>¥139</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(6).png" alt="">
                                <h4>魅蓝3</h4>
                                <h6>移动定制版 限量开售</h6>
                                <p>¥1780</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="imgs/homepanel1%20(8).png" alt="">
                                <h4>微星6QF-203XCN游戏笔记本</h4>
                                <h6>四核I7处理器 3G独显</h6>
                                <p>¥8399</p>
                            </a>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <div class="home-full-baby">
            <div class="home-full-ad">
                <img src="imgs/homefull.jpg">
                <a href="#" title="PRO 5" class="hot-point"></a>
            </div>
        </div>
        <div class="home-full-box" style="margin-top: 35px;">
            <div class="mzcontainer">
                <h2 style="padding-bottom: 10px">
                    <strong>手机</strong>
                    <span><img src="imgs/right-arrow.png"></span>
                    <span>更多</span>
                </h2>
                <section>
                    <div class="home-baby-one">
                        <a href="#">
                            <img src="imgs/mzboby%20(1).jpg">
                            <div class="baby-one">
                                <a href="#"><button>30日 10点限量开售</button></a>
                            </div>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzboby%20(6).png">
                            <h4>魅蓝note3</h4>
                            <h6>30日 10点限量开售</h6>
                            <p>¥799</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzboby%20(8).png">
                            <h4>魅族 MX6</h4>
                            <h6>30日 10点首发开售</h6>
                            <p>¥1999</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzboby%20(4).png">
                            <h4>魅族PRO 6</h4>
                            <h6 class="baby-prize"><span class="prize">赠品</span> 每日10点起 前200名赠快充电源</h6>
                            <p>¥2499</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzboby%20(1).png">
                            <h4>魅蓝3</h4>
                            <h6 class="baby-prize"><span class="prize">现货</span> 移动定制版 现货开售</h6>
                            <p>¥599</p>
                        </a>
                    </div>
                </section>
                <section>
                    <div>
                        <a href="#">
                            <img src="imgs/mzboby%20(7).png">
                            <h4>魅族 MX5</h4>
                            <h6>快充金属旗舰 指纹识别</h6>
                            <p>¥1499</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzboby%20(5).png">
                            <h4>魅蓝 metal</h4>
                            <h6 class="baby-prize"><span class="prize">分期</span> 月供低至166.5元</h6>
                            <p>¥999</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/homepanel1%20(1).png">
                            <h4>魅族PRO 5金色套装</h4>
                            <h6>直降300元，标配EP-31S耳机</h6>
                            <p><del>¥2699</del> ¥2399</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzboby%20(2).png">
                            <h4>魅蓝 metal 礼盒套装</h4>
                            <h6 class="baby-prize"><span class="prize">分期</span> 6期免息 月供低至183.17元</h6>
                            <p>¥1099</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzboby%20(3).png">
                            <h4>魅族MX5e 经典版</h4>
                            <h6>标配EP-21HD耳机</h6>
                            <p>¥1499</p>
                        </a>
                    </div>
                </section>
            </div>
        </div>
        <div class="home-full-baby"  style="background: #eee">
            <div class="home-full-ad">
                <img src="imgs/babytwo.jpg">
                <a href="#" title="EP51 耳机" class="hot-point"></a>
            </div>
        </div>
        <div class="home-full-box">
            <div class="mzcontainer">
                <div class="baby-two">
                    <h2><strong>精选配件</strong></h2>
                    <nav class="baby-nav">
                        <ul>
                            <li><a class="#">耳机音箱</a></li>
                            <li><a class="#">路由器/移动电源</a></li>
                            <li><a class="#">移动存储</a></li>
                        </ul>
                    </nav>
                </div>
                <section>
                    <div class="home-baby-one">
                        <a href="#">
                            <img src="imgs/mzbaby2%20(1).jpg">
                            <div class="baby-one">
                                <a href="#"><button>立即购买</button></a>
                            </div>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(2).jpg">
                            <h4>魅族移动电源 快充版</h4>
                            <h6>独特双层注塑 精密工艺打磨</h6>
                            <p>¥149</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(5).png">
                            <h4>飞傲 X1 无损音乐播放器</h4>
                            <h6>小巧精致 初烧福音</h6>
                            <p>¥648</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(7).png">
                            <h4>Skullcandy ink'd 入耳耳机</h4>
                            <h6>内置麦克风 防汗 防脱落</h6>
                            <p>¥99</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(3).png">
                            <h4>东芝黑甲虫系列 2.5寸移动硬盘</h4>
                            <h6>磨砂质感 USB3.0接口 高速传输</h6>
                            <p>¥399</p>
                        </a>
                    </div>
                </section>
                <section>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(6).png">
                            <h4>猎奇(LIEQI)LQ-011 手机镜头</h4>
                            <h6>手机外置镜头 单反手机镜头</h6>
                            <p><del>¥45</del>¥43.9</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(8).png">
                            <h4>罗马仕AU15兼容高通技术车充</h4>
                            <h6>QC2.0急速充 单接口 两件八折</h6>
                            <p>¥59</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(1).png">
                            <h4>闪迪存储卡 读速80Mb/s</h4>
                            <h6>高性能畅快存储无极限</h6>
                            <p>¥37.5</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(4).png">
                            <h4>闪迪至尊高速OTG手机U盘</h4>
                            <h6>全新设计 USB3.0高速传输</h6>
                            <p>¥61</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbaby2%20(2).png">
                            <h4>beats Urbeats 入耳耳机</h4>
                            <h6>强韧经久 声而震撼</h6>
                            <p>¥558</p>
                        </a>
                    </div>
                </section>
            </div>
        </div>
        <div class="home-full-baby"  style="background: #eee;padding-top: 25px">
            <div class="home-full-ad">
                <img src="imgs/babythree.png">
                <a href="#" title="纽曼VR眼镜" class="hot-point"></a>
            </div>
        </div>
        <div class="home-full-box">
            <div class="mzcontainer" style="padding-top: 60px">
                <div class="baby-two">
                    <h2><strong>智能硬件</strong></h2>
                    <nav class="baby-nav">
                        <ul>
                            <li><a class="#">智能家居</a></li>
                            <li><a class="#">智能出行</a></li>
                            <li><a class="#">智能娱乐</a></li>
                            <li><a class="#">智能健康</a></li>
                        </ul>
                    </nav>
                </div>
                <section>
                    <div class="home-baby-one">
                        <a href="#">
                            <img src="imgs/mzb%20(1).jpg">
                            <div class="baby-one">
                                <a href="#"><button>立即购买</button></a>
                            </div>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb%20(6).png">
                            <h4>乐心mambo watch 动态心率监测</h4>
                            <h6>触控大屏 信息 来电提醒</h6>
                            <p>¥399</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb%20(2).png">
                            <h4>奔腾智能香蕉加湿器</h4>
                            <h6>智能控制加湿器 手机远程控制</h6>
                            <p>¥169</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb%20(7).png">
                            <h4>Moikit麦开智能水杯Cuptime2</h4>
                            <h6>创意健康水杯 礼品礼物</h6>
                            <p>¥399</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb%20(5).png">
                            <h4>暴风魔镜4 Android版 MJ4-01</h4>
                            <h6>VR虚拟现实智能眼镜</h6>
                            <p>¥199</p>
                        </a>
                    </div>
                </section>
                <section>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb(10).png">
                            <h4>魅航智能行车记录仪MC6</h4>
                            <h6>高颜值+高性能一切只为你</h6>
                            <p>¥399</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb%20(4).png">
                            <h4>航嘉 小智插线板</h4>
                            <h6>Wi-Fi远航遥控 定时开关</h6>
                            <p>¥85</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb%20(3).png">
                            <h4>乐行天下V3C智能电动独轮车</h4>
                            <h6 class="baby-prize"><span class="prize">赠品</span> 买即送魅族EP51耳机</h6>
                            <p><del>¥2499</del> ¥1999</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb(9).png">
                            <h4>CILINE-沁麟1.5L智能靠谱煲</h4>
                            <h6>智能便携 饭菜同时蒸</h6>
                            <p>¥199</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzb%20(1).png">
                            <h4>3D BOX 裸眼3D</h4>
                            <h6 class="baby-prize"><span class="prize">赠品</span> 买即赠魅族EP51+新游N1手柄</h6>
                            <p>¥1999</p>
                        </a>
                    </div>
                </section>
            </div>
        </div>
        <div class="home-full-box" style="height: 900px;">
            <div class="mzcontainer">
                <div class="baby-two">
                    <h2><strong>手机周边</strong></h2>
                    <nav class="baby-nav">
                        <ul>
                            <li><a class="#">保护套/后盖/贴膜</a></li>
                            <li><a class="#">数据线/电源适配器</a></li>
                        </ul>
                    </nav>
                </div>
                <section>
                    <div class="home-baby-one">
                        <a href="#">
                            <img src="imgs/mzbfour%20(3).png">
                            <div class="baby-one">
                                <a href="#"><button>立即购买</button></a>
                            </div>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(1).png">
                            <h4>MX6轻薄保护壳</h4>
                            <h6>薄中带韧 精准保护</h6>
                            <p>¥49</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(6).png">
                            <h4>PRO 6 原装保护壳</h4>
                            <h6>全面保护 原机手感</h6>
                            <p>¥168</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(5).png">
                            <h4>魅蓝3 高透保护膜</h4>
                            <h6>高清透亮 轻松粘合</h6>
                            <p>¥29</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(7).png">
                            <h4>魅蓝note3 缤纷软胶保护壳</h4>
                            <h6>多彩缤纷 拜耳TPU材质</h6>
                            <p>¥49</p>
                        </a>
                    </div>
                </section>
                <section>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(4).png">
                            <h4>魅魅蓝3S 轻薄保护壳</h4>
                            <h6>薄中带韧 纤巧依旧</h6>
                            <p>¥49</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(8).png">
                            <h4>魅蓝note3 高透保护膜</h4>
                            <h6>高清透亮 抗刮耐磨</h6>
                            <p>¥29</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(2).png">
                            <h4>魅蓝3 缤纷软胶保护壳</h4>
                            <h6>拜耳TPU材质 多彩设计</h6>
                            <p>¥49</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(10).png">
                            <h4>魅蓝3s 高透保护膜</h4>
                            <h6>高清透亮 抗刮耐磨</h6>
                            <p>¥29</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="imgs/mzbfour%20(9).png">
                            <h4>Loop Jacket智能保护套</h4>
                            <h6>适用魅族PRO 6</h6>
                            <p>¥99</p>
                        </a>
                    </div>
                </section>
            </div>
        </div>
        <div class="footer">
            <div class="mzcontainer">
                <div>
                    <ul>
                        <li>
                            <img src="imgs/footer%20(3).png">
                            <P><b>7天</b> 无理由退货</P>
                        </li>
                        <li><span></span></li>
                        <li>
                            <img src="imgs/footer%20(4).png">
                            <p><b>15天</b> 换货保障</p>
                        </li>
                        <li><span></span></li>
                        <li>
                            <img src="imgs/footer%20(2).png">
                            <P><b>1年</b> 免费保修</P>
                        </li>
                        <li><span></span></li>
                        <li>
                            <img src="imgs/footer%20(1).png">
                            <p><b>百城</b> 速达</p>
                        </li>
                        <li><span></span></li>
                        <li>
                            <img src="imgs/footer%20(5).png">
                            <p><b>全场</b> 包邮</p>
                        </li>
                        <li><span></span></li>
                        <li>
                            <img src="imgs/footer%20(6).png">
                            <p><b>2000多家</b> 专卖店</p>
                        </li>
                    </ul>
                </div>
                <div class="footer-nav">
                    <section>
                        <h5>帮助说明</h5>
                        <p><a href="#">支付方式</a></p>
                        <p><a href="#">配送说明</a></p>
                        <p><a href="#">售后服务</a></p>
                        <p><a href="#">付款帮助</a></p>
                    </section>
                    <section>
                        <h5>Flyme</h5>
                        <p><a href="#">开放平台</a></p>
                        <p><a href="#">固件下载</a></p>
                        <p><a href="#">软件商店</a></p>
                        <p><a href="#">查找手机</a></p>
                    </section>
                    <section>
                        <h5>关于我们</h5>
                        <p><a href="#">关于魅族</a></p>
                        <p><a href="#">加入我们</a></p>
                        <p><a href="#">联系我们</a></p>
                        <p><a href="#">法律声明</a></p>
                    </section>
                    <section>
                        <h5>关注我们</h5>
                        <p><a href="#">新浪微博</a></p>
                        <p><a href="#">腾讯微博</a></p>
                        <p><a href="#">QQ空间</a></p>
                        <p><a href="#">官方微信</a></p>
                    </section>
                    <section>
                        <h5>24小时全国服务热线</h5>
                        <h3><a href="#">400-788-3333</a></h3>
                        <button>24小时在线客服</button>
                    </section>
                </div>
                <div class="footer-page">
                    <p>©2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.
                        <a href="#">备案号：粤ICP备13003602号-2</a>
                        <a href="#">经营许可证编号：粤B2-20130198 营业执照</a>
                        <img src="imgs/footer-copy-1.png"><img src="imgs/footer-copy-2.png"><img src="imgs/trust-icon.png">
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>

</body>
</html>

<script src="js/jquery-2.2.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.cookie.js"></script>
